<?xml version='1.0' encoding='ISO-8859-1' ?>
<html xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:p="http://primefaces.org/ui"  
	  xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta>
<title>Conta Bar - Cadastro</title>
<link rel="stylesheet" href="css/conta.css"/>
</h:head>

<h:body>
	<f:view>
	
<h:form id="form" prependId="false">  
    <p:dataTable id="clientes" var="cliente" value="#{clienteBean.clientes}" rowKey="#{cliente.nome}"  
                 selection="#{clienteBean.cliente}" selectionMode="single">
        <f:facet name="header">  
            Listagem de Clientes  
        </f:facet>  
        <p:column id="nome">  
            <f:facet name="header">  
                    Nome  
            </f:facet>  
            <h:outputText value="#{cliente.nome}" />  
        </p:column>
         
        <p:column id="cpfcnpj">  
            <f:facet name="header">  
                    CPF / CNPJ  
            </f:facet>  
            <h:outputText value="#{cliente.cpfcnpj}" />  
        </p:column>
        
        <p:column id="telefone">  
            <f:facet name="header">  
                    Telefone  
            </f:facet>  
            <h:outputText value="#{cliente.telefone}" />  
        </p:column>
        
        <f:facet name="footer">  
            <p:commandButton styleClass="detalhar" id="viewButton" value="Detalhar" icon="ui-icon-search"  
                    update=":form:display" oncomplete="clienteDetalhe.show()"/>  
        </f:facet>  
  
    </p:dataTable>  
  
    <p:dialog id="dialog" header="Detalhe Cliente" widgetVar="clienteDetalhe" resizable="false"  
              width="400" showEffect="clip" hideEffect="fold">  
  
        <h:panelGrid id="display" columns="2" cellpadding="7">  
  
            <h:outputText value="Nome:" />  
            <h:outputText value="#{clienteBean.cliente.nome}" />  
  
            <h:outputText value="CPF/CNPJ:" />  
            <h:outputText value="#{clienteBean.cliente.cpfcnpj}" />  
  
            <h:outputText value="Telefone:" />  
            <h:outputText value="#{clienteBean.cliente.telefone}" />  
  
            <h:outputText value="Celular:" />  
            <h:outputText value="#{clienteBean.cliente.celular}" />  
            
            <h:outputText value="Email:" />  
            <h:outputText value="#{clienteBean.cliente.email}" /> 
            
            <h:outputText value="Usuario:" />  
            <h:outputText value="#{clienteBean.cliente.usuario}" /> 
            
            <h:outputText value="Senha:" />  
            <h:outputText value="#{clienteBean.cliente.senha}" /> 
        </h:panelGrid>  
    </p:dialog>  
</h:form> 
	
	</f:view>
</h:body>
</html>